<template>
  <style>
    :host {
      --scanning-action-toolbar-font-family: Roboto;
      --scanning-app-title-font-family: "Google Sans", Roboto, sans-serif;
      --scanning-done-section-option-font-family: Roboto;
      --scanning-helper-text-font-family: Roboto;
      --scanning-more-settings-font-family: Roboto;
      --scanning-multi-page-checkbox-font-family: Roboto;
      --scanning-no-scanners-subtext-font-family: Roboto;
      --scanning-progress-text-font-family: "Google Sans", Roboto, sans-serif;
      --scanning-scan-setting-font-family: Roboto;
      --scanning-scanners-loading-font-family: "Google Sans", Roboto, sans-serif;

      --scanning-action-toolbar-font-size: 13px;
      --scanning-app-title-font-size: 22px;
      --scanning-done-section-option-font-size: 13px;
      --scanning-helper-text-font-size: 13px;
      --scanning-more-settings-font-size: 12px;
      --scanning-multi-page-checkbox-font-size: 12px;
      --scanning-no-scanners-subtext-font-size: 14px;
      --scanning-progress-text-font-size: 16px;
      --scanning-scan-setting-font-size: 13px;
      --scanning-scanners-loading-font-size: 22px;

      --scanning-action-toolbar-line-height: 20px;
      --scanning-app-title-line-height: 28px;
      --scanning-done-section-option-line-height: 20px;
      --scanning-helper-text-line-height: 20px;
      --scanning-more-settings-line-height: 18px;
      --scanning-multi-page-checkbox-line-height: 18px;
      --scanning-no-scanners-subtext-line-height: 20px;
      --scanning-progress-text-line-height: 24px;
      --scanning-scan-setting-line-height: 20px;
      --scanning-scanners-loading-line-height: 28px;

      --scanning-regular-font-weight: 400;
      --scanning-medium-font-weight: 500;

      --scanning-action-toolbar-text-color: var(--google-grey-200);
      --scanning-app-title-text-color: var(--cros-text-color-primary);
      --scanning-done-section-option-text-color: var(--cros-text-color-primary);
      --scanning-helper-text-color: var(--cros-text-color-secondary);
      --scanning-more-settings-text-color: var(--cros-text-color-secondary);
      --scanning-multi-page-checkbox-text-color: var(--cros-text-color-primary);
      --scanning-no-scanners-subtext-color: var(--cros-text-color-secondary);
      --scanning-progress-text-color: var(--cros-text-color-primary);
      --scanning-scan-setting-text-color: var(--cros-text-color-primary);
      --scanning-scanners-loading-text-color: var(--cros-text-color-primary);
    }
  </style>
</template>
